<template>
	<view class="page">
		<view class="page-music" style="text-align: center;">
			<text class="title">我爱我的祖国</text>
			<image class="chang" src="../../static/chang.png" style="width: 250px;margin-top: 30px;" @click="tap">
			</image>
		</view>
		<view class="cont-a">
			<image class="img" src="../../static/收藏.png"></image>
			<image class="img" src="../../static/下载.png"></image>
			<image class="img" src="../../static/铃.png"></image>
			<image class="img" src="../../static/消息.png"></image>
			<image class="img" src="../../static/更多.png"></image>
		</view>
		<view class="cont-b">
			<image class="imag" src="../../static/快退.png"></image>
			<image class="imag" src="../../static/播放.png"></image>
			<image class="imag" src="../../static/快进.png"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		},
		tap() {

		}
	}
</script>

<style>
	.page {
		background-color: cornflowerblue;
		height: 700px;
	}

	.page-music {
		height: 350px;
	}

	text {
		padding-top: 40px;
		margin: 40px;
		font-size: 15px;
	}

	.chang {
		margin-top: 60px;
	}

	.cont-a {
		height: 120px;
		width: 350px;
		margin-left: 30px;
		margin-top: 70px;
	}

	.img {
		width: 25px;
		height: 25px;
		margin: 0 20px;
	}

	.cont-b {
		height: 120px;
		width: 350px;
		margin-left: 70px;
		margin-top: 40px;
	}

	.imag {
		width: 40px;
		height: 40px;
		margin: 0 20px;
	}
</style>